.navbar {
  z-index: 9;
  position: relative;
  width: 100%;
  height: 48px;
  line-height: 48px;

  transition: width 0.2s;
  border-bottom: 1px solid #d8dce5;
  display: flex;
  padding: 0 20px;
  .left-nav {
    display: flex;
    align-items: center;
    flex: 1;
    line-height: 48px;
    height: 48px;

    .breadCrumb {
      flex: 1;
      line-height: 48px;
      height: 48px;
      overflow: hidden;
      .ant-breadcrumb {
        line-height: 48px;
        height: 48px;
        overflow-x: auto;
        &::-webkit-scrollbar {
          width: 0;
        }
      }
    }
  }
  .right-menu {
    display: flex;

    .dropdown-wrap {
      cursor: pointer;

      .ant-dropdown-menu-item {
        padding: 6px 20px 8px 15px;
        i {
          padding-right: 15px;
        }
      }
      .anticon-caret-down {
        vertical-align: bottom;
        padding: 0 0 12px 6px;
      }
    }
  }
}
